Local Storage就是本地儲存，學這個這個的用意是讓我們知道如何在使用者的瀏覽器中保存數據，從而讓網頁在重啟或刷新後仍能記住使用者的操作或偏好。

Local Storage 基礎

儲存方式有兩種
Local Storage：可以永久保存數據，除非手動清除或使用 JavaScript 刪除。
1.可以儲存大約 5-10 MB 的數據（具體大小取決於瀏覽器）。
2.儲存的數據不會過期，除非手動刪除或清除瀏覽器快取。
3.適合儲存長期需要的資料，如使用者偏好、登入狀態、應用設定等。
Session Storage：只在當前頁面會話有效，當頁面關閉或刷新後，數據會被刪除。
1.和 Local Storage 相似，但數據只在頁面會話有效。當使用者關閉瀏覽器或標籤頁時，儲存的數據會自動刪除。
2.適合儲存暫時性數據，如使用者的一次性表單填寫狀態。

Local Storage 常見操作

1.保存數據：localStorage.setItem('key', 'value')
將資料存入 Local Storage。key 是一個字串，它代表這個數據的名稱，而 value 是要儲存的數據。
2.讀取數據：localStorage.getItem('key')
這個方法可以取得先前儲存的數據。如果該 key 不存在，則會返回 null。
3.刪除數據：localStorage.removeItem('key')
移除特定的數據，根據 key 值來識別。
4.清除所有數據：localStorage.clear()
移除所有存儲在 Local Storage 裡的數據，不分 key。

Local Storage 的進階應用

(1) 儲存物件或陣列
可以使用 JSON.stringify() 將物件轉換為字串，然後再儲存。

let user = { name: 'Alice', age: 25 };
localStorage.setItem('user', JSON.stringify(user));  // 將物件轉成字串後儲存

(2) 讀取物件或陣列
當你從 Local Storage 中讀取數據時，可以使用 JSON.parse() 將字串轉回物件或陣列。

let user = JSON.parse(localStorage.getItem('user'));
console.log(user.name);  // 輸出: "Alice"

今天先到這邊，明天再繼續。